<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/chaungzuozhe.css">
  <link rel="stylesheet" href="../css/main.321187b.css">
  <link rel="shortcut icon" href="../js/标题.ico">
  <title>小红书创作服务平台</title>
  <link rel="shortcut icon" href="https://www.xiaohongshu.com/favicon.ico">
</head>

<body>
  <div id="own">
    <div id="index">
      <!-- 导航栏 -->
      <div class="login-header" style="min-height: 782.84px" ;>
        <!-- 头部标签 -->
        <div class="header-center">
          <div class="header">
            <div class="left">
              <div class="left-item">
                <svg role="img" viewBox="0 0 24 24" class="first-logo">
                  <path
                    d="M16.892 11.588l.001-.005v-.008c0-.005 0-.01.002-.013v-.638a.127.127 0 00-.094-.118.214.214 0 00-.069-.009h-.42c-.02 0-.03 0-.035.005-.005.005-.005.015-.005.036l.005.717v.033a.013.013 0 00.014.013h.569l.02-.004.006-.001a.014.014 0 00.004-.003.013.013 0 00.002-.005z">
                  </path>
                  <path
                    d="M7 7a5 5 0 000 10h10a5 5 0 000-10H7zm11.698 4.96c.072.1.12.215.139.336a1.2 1.2 0 01.015.22v1.139a.778.778 0 01-.558.755 1.179 1.179 0 01-.235.043c-.083.006-.294.006-.38.006h-.292a.025.025 0 01-.023-.015v-.006c-.055-.12-.322-.729-.323-.743 0-.015.003-.019.015-.019h.698c.126 0 .19-.062.19-.21v-.682a.264.264 0 00-.158-.235.367.367 0 00-.16-.034h-1.329c-.015 0-.019.008-.019.02v1.88c0 .025.002.037-.004.042-.005.005-.017.005-.042.005h-.822c-.025 0-.037 0-.042-.005-.006-.005-.005-.017-.005-.042V12.56c0-.025.001-.036-.004-.041-.005-.005-.016-.004-.04-.004h-.833c-.005 0-.01 0-.016-.002a.033.033 0 01-.02-.022.033.033 0 01-.001-.016v-.83s-.004-.048.034-.048h.85c.035 0 .035-.067.035-.067v-.665s.006-.074-.041-.074h-.523c-.023 0-.035.002-.04-.004-.006-.005-.006-.016-.006-.042v-.852c0-.013.003-.017.016-.017h.575a.013.013 0 00.014-.013v-.312a.016.016 0 01.005-.013c.004-.004.013-.004.013-.004h.875s.016 0 .02.004a.026.026 0 01.006.019v.283c0 .019 0 .028.005.033.004.005.014.005.034.005h.413c.2.003.394.054.57.148.17.091.305.235.384.41.045.097.074.2.088.306.01.075.015.15.014.227v.603c0 .023.002.023.024.023h.103c.177.002.35.045.506.127.11.056.204.138.276.238zM14.5 13.55l.001.005v.887c0 .015-.003.019-.02.019h-3.009c-.02 0-.023 0-.026-.005-.004-.006.004-.02.004-.02l.4-.874a.034.034 0 01.033-.017h.748c.026 0 .038.002.044-.004.005-.005.004-.017.004-.044v-2.663c0-.02 0-.03-.004-.035-.005-.005-.015-.005-.036-.005h-.49c-.023 0-.034 0-.04-.005-.005-.005-.005-.016-.005-.039v-.83c0-.043.005-.042.035-.042h2.013c.025 0 .036-.001.041.004.005.005.004.016.004.039v.831c0 .021 0 .032-.004.037-.005.006-.016.006-.039.006h-.494c-.021 0-.031 0-.036.004-.005.005-.004.015-.004.036v2.68c0 .028 0 .028.028.028h.84l.005.001c.002 0 .003.002.004.003a.014.014 0 01.003.004zM6.888 9.59h.866a.018.018 0 01.018.016v.474c.002.464.004 1.151.004 1.57v1.976a1.1 1.1 0 01-.043.307.696.696 0 01-.341.442.743.743 0 01-.253.076 5.705 5.705 0 01-.538.008.033.033 0 01-.03-.02l-.085-.193a9.274 9.274 0 01-.23-.532c-.002-.027 0-.027.023-.027h.424a.14.14 0 00.15-.09.14.14 0 00.01-.062v-.534c0-.733.003-1.96.004-2.726l.002-.668a.019.019 0 01.019-.018zm4.336 2.838h.498a.015.015 0 01.014.005.015.015 0 01.003.007l-.001.008-.334.736a.014.014 0 01-.013.009h-.949a.596.596 0 01-.194-.032.392.392 0 01-.078-.037.27.27 0 01-.131-.228.293.293 0 01.012-.1 2.3 2.3 0 01.08-.22l.134-.303c.121-.27.273-.611.264-.611h-.338a.573.573 0 01-.19-.033.397.397 0 01-.074-.035.266.266 0 01-.131-.217.322.322 0 01.012-.11c.02-.072.046-.142.076-.21a5.48 5.48 0 01.152-.33l.53-1.19.006-.006a.013.013 0 01.008-.002h.892a.015.015 0 01.012.007.015.015 0 010 .013l-.5 1.126a.085.085 0 00.079.12h.754l.007.002a.015.015 0 01.007.012v.007l-.67 1.51a.072.072 0 00.03.092c.01.006.021.01.033.01zm-1.79.176a.834.834 0 00.088.377c0 .007-.004.014-.016.035l-.165.367c-.116.26-.256.573-.287.637l-.003.006c0 .003-.001.004-.005.005-.005.001-.015-.012-.023-.023a3.002 3.002 0 01-.413-.912 3.54 3.54 0 01-.08-.421 140.685 140.685 0 01-.067-.837l-.015-.198a30.938 30.938 0 01-.022-.288 54.046 54.046 0 00-.042-.54c-.001-.016 0-.02.018-.02h.856c.015 0 .036 0 .036.005a22.29 22.29 0 01.014.165l.011.159a107.627 107.627 0 01.062.789l.013.177.007.1.02.252.005.049c.004.038.008.077.008.116zm-4.048-1.812h.85c.015 0 .017.003.016.02a15.7 15.7 0 00-.007.084l-.006.085a205.5 205.5 0 01-.006.07l-.024.301a31.349 31.349 0 00-.021.288l-.016.198-.015.198-.035.45-.003.041a2.746 2.746 0 01-.096.566 2.96 2.96 0 01-.198.56c-.058.123-.13.24-.213.348a.1.1 0 01-.027.025c-.003 0-.005-.002-.01-.012a42.41 42.41 0 01-.274-.608 30.656 30.656 0 00-.176-.392c-.016-.032-.015-.032-.007-.049l.007-.014a.822.822 0 00.078-.349l.009-.132a18.334 18.334 0 00.012-.148l.011-.138.01-.13.01-.146.01-.118.012-.154c0-.016.002-.032.003-.047a22.317 22.317 0 01.02-.269l.017-.201.01-.134.01-.143a.988.988 0 01.005-.046c0-.004.001-.004.006-.004h.038zm5.001 2.748h.965a.015.015 0 01.018.005.015.015 0 01.003.01.015.015 0 01-.004.009l-.408.885a.014.014 0 01-.013.009H9.814a.706.706 0 01-.283-.071.014.014 0 01-.006-.019l.406-.891a.014.014 0 01.007-.008.014.014 0 01.011 0c.142.046.29.07.438.071zm7.567-2.755h-.005a.01.01 0 01-.007-.007v-.452a.457.457 0 11.842.246.458.458 0 01-.386.213h-.444z">
                  </path>
                </svg>
                <div class="chuangzuo">创作服务平台</div>
              </div>
            </div>
            <div class="right">
              <span class="link">创作百科</span>
            </div>
          </div>
        </div>

        <!-- 中心区域 -->
        <div class="contenr">

          <!-- 视频模块 -->
          <div class="con">
            <div class="video-box-container" style="width: 850.64px; height: 510.384px;">
              <div class="mask"></div>
              <div class="title-box" style="margin-top: -60.67px;float: left;"><span data-v-4e12ff40=""
                  class="title-line">加入我们<br>解锁创作者专属功能</span> <span data-v-4e12ff40=""
                  class="des">让创作发布、数据分析、商业变现更高效。</span></div>
              <div data-v-70ee3835="" data-v-4e12ff40="" class="video-item-container"
                style="width: 246.686px; height: 246.686px; margin-top: 106.33px; margin-left: 0px; border-radius: 246.686px;">
                <div data-v-70ee3835="" class="circle"
                  style="background: rgb(246, 214, 231); transform: translate(6.47px, 17.0851px);"><video
                    data-v-70ee3835="" playsinline="" disableremoteplayback="" autoplay="autoplay" muted="muted"
                    loop="loop" mqn-lazyimage-video-no-play="" mqn-video-inview-play="" class="video">
                    <source data-v-70ee3835=""
                      src="https://fe-video-qc.xhscdn.com/picasso-editor/f1dbcdb3e3dae24e5b04a39512c7eb6c5ef202c2.mp4_video_original_mp4"
                      type="video/mp4">
                  </video></div>
              </div>
              <div data-v-70ee3835="" data-v-4e12ff40="" class="video-item-container"
                style="width: 180.336px; height: 180.336px; margin-top: 343.659px; margin-left: 117.388px; border-radius: 180.336px;">
                <div data-v-70ee3835="" class="circle"
                  style="background: rgb(246, 243, 214); transform: translate(2.87634px, 11.9937px);"><video
                    data-v-70ee3835="" playsinline="" disableremoteplayback="" autoplay="autoplay" muted="muted"
                    loop="loop" mqn-lazyimage-video-no-play="" mqn-video-inview-play="" class="video">
                    <source data-v-70ee3835=""
                      src="https://fe-video-qc.xhscdn.com/picasso-editor/f714d38ae9cba0b253cb1d22c1c3816d1c0e58e5.mp4_video_original_mp4"
                      type="video/mp4">
                  </video></div>
              </div>
              <div data-v-70ee3835="" data-v-4e12ff40="" class="video-item-container"
                style="width: 306.23px; height: 306.23px; margin-top: 119.43px; margin-left: 250.088px; border-radius: 306.23px;">
                <div data-v-70ee3835="" class="circle"
                  style="background: rgb(215, 237, 250); transform: translate(-10.101px, 19.2017px);"><video
                    data-v-70ee3835="" playsinline="" disableremoteplayback="" autoplay="autoplay" muted="muted"
                    loop="loop" mqn-lazyimage-video-no-play="" mqn-video-inview-play="" class="video">
                    <source data-v-70ee3835=""
                      src="https://fe-video-qc.xhscdn.com/picasso-editor/c2eb6f3a166720cb47d75d82ce9baf252d4e966b.mp4_video_original_mp4"
                      type="video/mp4">
                  </video></div>
              </div>
              <div data-v-70ee3835="" data-v-4e12ff40="" class="video-item-container"
                style="width: 175.232px; height: 175.232px; margin-top: -13.6102px; margin-left: 461.898px; border-radius: 175.232px;">
                <div data-v-70ee3835="" class="circle"
                  style="background: rgb(246, 214, 214); transform: translate(-6.99627px, 10.9254px);"><video
                    data-v-70ee3835="" playsinline="" disableremoteplayback="" autoplay="autoplay" muted="muted"
                    loop="loop" mqn-lazyimage-video-no-play="" mqn-video-inview-play="" class="video">
                    <source data-v-70ee3835=""
                      src="https://fe-video-qc.xhscdn.com/picasso-editor/1bc37eeafdc71585d23f2550f7eba8cf90497edf.mp4_video_original_mp4"
                      type="video/mp4">
                  </video></div>
              </div>
              <div data-v-70ee3835="" data-v-4e12ff40="" class="video-item-container"
                style="width: 166.725px; height: 166.725px; margin-top: 101.396px; margin-left: 599.701px; border-radius: 166.725px;">
                <div data-v-70ee3835="" class="circle"
                  style="background: rgb(201, 217, 215); transform: translate(-9.56723px, 7.87854px);"><video
                    data-v-70ee3835="" playsinline="" disableremoteplayback="" autoplay="autoplay" muted="muted"
                    loop="loop" mqn-lazyimage-video-no-play="" mqn-video-inview-play="" class="video">
                    <source data-v-70ee3835=""
                      src="https://fe-video-qc.xhscdn.com/picasso-editor/e127c2e0619048e7bfa67ce15162a54ff1d5bcd4.mp4_video_original_mp4"
                      type="video/mp4">
                  </video></div>
              </div>
              <div data-v-70ee3835="" data-v-4e12ff40="" class="video-item-container"
                style="width: 107.181px; height: 107.181px; margin-top: 216.913px; margin-left: 743.459px; border-radius: 107.181px;">
                <div data-v-70ee3835="" class="circle"
                  style="background: rgb(246, 225, 214); transform: translate(-7.33979px, 3.23754px);"><video
                    data-v-70ee3835="" playsinline="" disableremoteplayback="" autoplay="autoplay" muted="muted"
                    loop="loop" mqn-lazyimage-video-no-play="" mqn-video-inview-play="" class="video">
                    <source data-v-70ee3835=""
                      src="https://fe-video-qc.xhscdn.com/picasso-editor/61f51a6c21075bcfa52d4751404d72b37f4fc445.mp4_video_original_mp4"
                      type="video/mp4">
                  </video></div>
              </div>
              <div data-v-70ee3835="" data-v-4e12ff40="" class="video-item-container"
                style="width: 256.893px; height: 256.893px; margin-top: 269.653px; margin-left: 530.799px; border-radius: 256.893px;">
                <div data-v-70ee3835="" class="circle"
                  style="background: rgb(204, 224, 240); transform: translate(-18.521px, 5.15297px);"><video
                    data-v-70ee3835="" playsinline="" disableremoteplayback="" autoplay="autoplay" muted="muted"
                    loop="loop" mqn-lazyimage-video-no-play="" mqn-video-inview-play="" class="video">
                    <source data-v-70ee3835=""
                      src="https://fe-video-qc.xhscdn.com/picasso-editor/a00472903313b9a87fedd3a69a854e37c6037a8a.mp4_video_original_mp4"
                      type="video/mp4">
                  </video></div>
              </div>
            </div>
            <!-- 登录盒子 -->
            <div data-v-50e64bda="" class="login-box-container">
              <div data-v-50e64bda="" class="css-1age63q">
                <div class="">
                  <div>
                    <div class="css-jjnw1w"><img src="../创作者中心图片/下载.png" class="css-wemwzq">
                      <div>
                        <div class="css-ooada9">
                          <div class="css-ca0poo">
                            <div class="css-1r2f04i">
                              短信登录
                            </div>
                            <div class="css-1vp8jwk" style="display: none;">
                              <div class="css-t0j45b"></div>
                            </div>
                          </div>
                        </div>
                        <div class="css-6oq7i4">
                          <div class="css-14tu84b">
                            <div class="dyn css-p525gi css-146i26g">
                              <div class="slot-left">
                                <div class="css-u4p24i">
                                  <div class="css-13o7eu2">
                                    <div class="css-8vjgoa">
                                      <div style="display: block;">
                                        <div class="dyn css-p525gi css-1e73fzr">
                                          <div class="slot-left"></div> <input
                                            toggle-open="function () { [native code] }" placeholder=""
                                            class="dyn css-ley1ah css-pvsehr">
                                          <div class="slot-right"><svg role="img" viewBox="0 0 24 24"
                                              class="css-11ld11x">
                                              <path
                                                d="M11.74 14.5a.4.4 0 00.575-.002l5.97-6.194a1 1 0 111.436 1.392l-6.592 6.838-.034.034a1.533 1.533 0 01-2.168-.034l-6.64-6.821a1 1 0 011.436-1.392l6.016 6.18z"
                                                clip-rule="evenodd" fill-rule="evenodd"></path>
                                            </svg></div>
                                        </div>
                                      </div>
                                      <!---->
                                    </div>
                                  </div>
                                  <div data-divider="true" class="dyn css-nbv24n css-1b7ct1n">
                                    <div class="content-v"></div>
                                  </div>
                                </div>
                              </div> <input placeholder="手机号" clearable="true" class="dyn css-ley1ah css-1hguu2q">
                              <div class="slot-right"></div>
                            </div>
                            <div class="css-p525gi">
                              <div class="slot-left"></div> <input placeholder="验证码" class="dyn css-ley1ah css-ihjis4">
                              <div class="slot-right">
                                <div class="css-u4p24i">
                                  <div data-divider="true" class="dyn css-nbv24n css-12sp05r">
                                    <div class="content-v"></div>
                                  </div>
                                  <div class="css-13or2dr">
                                    发送验证码
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="css-14tu84b" style="display: none;">
                            <div class="css-p525gi">
                              <div class="slot-left"></div> <input placeholder="邮箱" class="dyn css-ley1ah css-14iyno2">
                              <div class="slot-right"></div>
                            </div>
                            <div class="css-p525gi">
                              <div class="slot-left"></div> <input placeholder="密码" type="password"
                                class="dyn css-ley1ah css-23twl5">
                              <div class="slot-right">
                                <div class="css-u4p24i">
                                  <div data-divider="true" class="dyn css-nbv24n css-12sp05r">
                                    <div class="content-v"></div>
                                  </div>
                                  <div class="css-17vet3t">
                                    忘记密码?
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="css-14bbocw" style="display: none;"><svg role="img" viewBox="0 0 24 24"
                              class="css-emkwmd">
                              <path
                                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zM11.031 7.5l.196 6.25a.774.774 0 001.546 0l.196-6.25a.97.97 0 10-1.938 0zm1.969 9a1 1 0 10-2 0 1 1 0 002 0z"
                                clip-rule="evenodd" fill-rule="evenodd"></path>
                            </svg>
                            <div class="css-1qf7tqh">
                              手机号未注册，请至小红书APP完成注册
                            </div>
                          </div>
                        </div>
                        <button class="dyn css-z31jkd css-ecaz6i">
                          <!----> <span class="btn-content">
                            登 录
                          </span>
                          <!---->
                        </button>
                      </div>
                      <div data-testid="loading" class="css-wqi46r">
                        <div class="css-1pcuv1s">
                          <div role="img" class="css-mz7rok" size="40" color="brand"><svg x="0px" y="0px"
                              viewBox="0 0 52 52" class="css-13btmvc">
                              <circle slot="circle:before" cx="26" cy="26" r="24" class="css-dfl3n2"></circle>
                              <circle cx="26" cy="26" r="24" class="css-1ccteo8 css-1h3mfoq"></circle>
                            </svg></div>
                          <div class="css-1yr8ssu">请稍候...</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
          <div data-v-50e64bda="" class="footer">
            <div data-v-50e64bda="" class="links"><a data-v-50e64bda="" target="_blank"
                href="https://www.xiaohongshu.com/protocols/about?language=zh-CN">关于小红书</a></div>
            <div data-v-50e64bda=""><a data-v-50e64bda="" target="_blank" href="//icp.chinaz.com/info?q=xiaohongshu.com"
                title="小红书_沪ICP备">沪ICP备 13030189号 Copyright © 2014-2023
                行吟信息科技（上海）有限公司</a></div>
          </div>
        </div>
      </div>
    </div>
    <script src="../js/chaungzuozhezhongxin.js"></script>
</body>

</html>